:root {
  --primary: #F80013;
  --bg-grey: #FAFBFC;
  --page-grey: #F9F9F9;
  --divider: #ECEFF1;
  --bg: #F2F2F2;
}

.fade-enter-active, .fade-leave-active {
  transition: opacity 0.5s ease;
}

.fade-enter-from, .fade-leave-to {
  opacity: 0;
}

.fade-enter-to, .fade-leave-from {
  opacity: 1;
}

*::-webkit-scrollbar {
  width: 5px;
  height: 5px;
  background: #f8f8f8;
}

*::-webkit-scrollbar-track-piece {
  background: 0 0;
}

*::-webkit-scrollbar-button {
  display: none;
}

*::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #ccc;
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUp {
  animation: fadeInUp 1s both;
}

@keyframes fadeInUpMini {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 100px, 0);
    transform: translate3d(0, 100px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none;
  }
}

.fadeInUpMini {
  animation: fadeInUpMini 1s both;
}
